﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ProductDetail.aspx.cs" Inherits="EC21_EDiamond.ProductDetail" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="vi" lang="vi">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title> | Shopping Online</title>
	<meta name="description" content="Nhẫn cưới, chất liệu vàng 14K,gắn kim cương (2vKCV2.0-SA ) &lt;/br&gt;" />
	<meta name="keywords" content="" />
	<meta name="robots" content="INDEX,FOLLOW" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<link rel="icon" href="http://shopping.pnj.com.vn/media/favicon/default/pnj-bullet.png" type="image/x-icon" />
	<link rel="shortcut icon" href="http://shopping.pnj.com.vn/media/favicon/default/pnj-bullet.png" type="image/x-icon" />
    <link href="./content/fontend/css/new/calendar-win2k-1.css" type="text/css" rel="stylesheet">
    <link media="all" href="./content/fontend/css/new/bootstrap.min.css" type="text/css" rel="stylesheet">
    <link media="all" href="./content/fontend/css/new/jquery-ui.css" type="text/css" rel="stylesheet">
    <link media="all" href="./content/fontend/css/new/jquery.selectbox.css" type="text/css" rel="stylesheet">
    <link media="all" href="./content/fontend/css/new/jquery.fancybox-1.3.4.css" type="text/css" rel="stylesheet">
    <link media="all" href="./content/fontend/css/new/style.css" type="text/css" rel="stylesheet">
    <link media="all" href="./content/fontend/css/new/mainmenu.css" type="text/css" rel="stylesheet">
    <link media="all" href="./content/fontend/css/new/widgets.css" type="text/css" rel="stylesheet">
    <link media="all" href="./content/fontend/css/new/product_list.css" type="text/css" rel="stylesheet">
    <link media="all" href="./content/fontend/css/new/style.css" type="text/css" rel="stylesheet">
    <link media="all" href="./content/fontend/css/new/styles.css" type="text/css" rel="stylesheet">
    <link media="all" href="./content/fontend/css/new/sidenav.css" type="text/css" rel="stylesheet">
    <link media="all" href="./content/fontend/css/new/nivo-slider.css" type="text/css" rel="stylesheet">
    <link media="all" href="./content/fontend/css/new/product_detail.css" type="text/css" rel="stylesheet">
    <link media="all" href="./content/fontend/css/new/cloud-zoom.css" type="text/css" rel="stylesheet">
    <link media="all" href="./content/fontend/css/new/video.css" type="text/css" rel="stylesheet">
    <link media="print" href="./content/fontend/css/new/print.css" type="text/css" rel="stylesheet"> 
	<link media="all" href="./content/fontend/css/ec21.css" type="text/css" rel="stylesheet">
	<script type="text/javascript" src="./content/fontend/js/new/jquery-1.7.2.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/html5shiv.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/html5shiv-printshiv.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/prototype.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/ccard.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/validation.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/builder.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/effects.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/dragdrop.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/controls.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/slider.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/js.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/form.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/menu.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/translate.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/cookies.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/jquery.fancybox-1.3.4.pack.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/timer.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/scriptaculous.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/protoshow.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/product.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/configurable.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/calendar.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/calendar-setup.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/jwplayer.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/video.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/bootstrap.min.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/jquery-ui.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/jquery.selectbox-0.2.min.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/jcarousel.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/jquery.transit.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/menu.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/dbiz.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/jquery.nivo.slider.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/cloud-zoom.1.0.3.js"></script>
	<script type="text/javascript" src="./content/fontend/js/new/product_detail.js"></script>
</head>
<body>
    <form id="form1" runat="server">
<div class="bg-bottom">
    <div class="bg-top bg-top-home">
        <!--wrapper-->
        <div class="wrapper subPage goldPage">
            <!--header-->
            <div class="header container_16">
                <!--logo-->
                <div class="logo grid_5 suffix_3">
                    <a href="./Default.aspx">EC21</a>
                    <p>Chuyên cung cấp sản phẩm bằng kim cương</p>
                </div><!--end logo-->
                <!--header right-->
                <div class="header-right grid_8">
                    <p class="grid_4 prefix_4 welcome alpha">Chào mừng bạn đến với Ec21!</p>
                    <ul class="links header-tools grid_8 alpha">
                        <li><asp:HyperLink ID="hplGioHang" class="top-link-cart" runat="server"></asp:HyperLink></li>
                        <li><asp:HyperLink ID="hplCheckOut" class="top-link-checkout" runat="server"></asp:HyperLink></li>
                        <li class=" last" ><a href="#" title="&#272;&#259;ng nh&#7853;p" >&#272;&#259;ng nh&#7853;p</a></li>
                    </ul>
                                            <!--                <li class="login"><a href="#">Đăng nhập</a></li>
                                        <li class="cart"><a href="#">Giỏ hàng của bạn</a></li>
                        -->            
                    <div class="clear1"></div>
                    <div class="header-search grid_6 prefix_2 alpha">
                            <asp:TextBox ID="txtSearch" runat="server" class=" grid_4 omega"></asp:TextBox>
                            <asp:Button ID="btnSearch" class="rounded grid_2 alpha omega" style="background: linear-gradient(#005A98, #002745) repeat scroll 0 0 rgba(0, 0, 0, 0);height: 35px;line-height: 35px;margin-left: -12px;" runat="server" Text="Search" OnClick="btnSearch_Click" />
                            
                            <div id="search_autocomplete" class="search-autocomplete"></div>
                            <script type="text/javascript">
                                //<![CDATA[
                                var searchForm = new Varien.searchForm('search_mini_form', 'search', 'Search entire store here...');
                                searchForm.initAutocomplete('#', 'search_autocomplete');
                                //]]>
                            </script>
                    </div>
                </div> <!--end header right-->
                <!--navbar-->
                <div class="navbar grid_16">      
                    <div class="navbar grid_16" style="width: 942px; margin-left: 0px">
                        <ul>
                            <li class="logo_menu"><a href="./Default.aspx">PNJ.</a></li>
                            <asp:Repeater ID="rpThuongHieu" runat="server">
                                <ItemTemplate>
                                    <li><a href="./ThuongHieu.aspx?id=<%#Eval("MaTH")%>"><span><%#Eval("TenTH")%></span></a></li>
                                </ItemTemplate>
                            </asp:Repeater>
                            <li><a href="#"><span style="color: #FF0000">SALE OFF</span></a></li>        
                        </ul>
                    </div>
                </div><!--end navbar-->
            </div><!--end header-->
            <div class="clear"></div>   
            <div id="maincontain" class="container col1-layout">
				<div class="main">
					<div id="breadcrums" class="breadcrumbs">
                        <a class="home" href="./Default.aspx" title="Trang chủ">Trang chủ</a>
                        <span class="no-br">&nbsp;</span>
                        <asp:HyperLink ID="hplDanhMuc" runat="server"></asp:HyperLink>
                        <span class="no-br">&nbsp;</span>
                        <span><asp:Label ID="lbTenSP3" runat="server" Text=""></asp:Label></span>
                        <div class="clear1" /></div>
                    </div>
					<div class="col-main">											
                        <script type="text/javascript">
                            var optionsPrice = new Product.OptionsPrice([]);
                        </script>
                        <div id="messages_product_view"></div>
                        <div class="product-view clear">
                            <div class="product_detail_left">
                                <!--<form method="post" id="product_addtocart_form">-->
                                    <input name="form_key" type="hidden" value="I0rBiz7kzcoPDD3t" />
                                    <div class="no-display">
                                        <input type="hidden" name="product" value="481"/>
                                        <input type="hidden" name="related_product" id="related-products-field" value=""/>
                                    </div>
                                    <div class="product_image">
                                        <div class="product-image-thumbnail fn-product-2 active-thumb  item-discount">
                                            <div class="icon"><span>- 5%</span></div>
                                            <asp:HyperLink ID="zoom1" runat="server" class="product-image cloud-zoom" rel="adjustX: 65, adjustY:-1,zoomHeight:465,showTitle:false,lensOpacity:0">
                                                <asp:Image ID="imgAnh" runat="server" /> 
                                            </asp:HyperLink>
                                            <div class="more-views">
                                                <div class="slide_image">
                                                    <ul class="more_view_grid1 clear">
                                                        <asp:Repeater ID="rpAnhPhu" runat="server">
                                                            <ItemTemplate>
                                                                <li class="a-left">
                                                                    <a href='http://shopping.pnj.com.vn/media/catalog/product/cache/1/image/800x/9df78eab33525d08d6e5fb8d27136e95/G/N/GND1WA71532.500-71533.500.jpg'
                                               class='cloud-zoom-gallery' title='Thumbnail 1'
                                               rel="useZoom: 'zoom1', smallImage: 'http://shopping.pnj.com.vn/media/catalog/product/cache/1/image/380x/9df78eab33525d08d6e5fb8d27136e95/G/N/GND1WA71532.500-71533.500.jpg' ">
                                                                        <img src="http://shopping.pnj.com.vn/media/catalog/product/cache/1/thumbnail/60x/9df78eab33525d08d6e5fb8d27136e95/G/N/GND1WA71532.500-71533.500.jpg" width="60" height="60" alt=""/>
                                                                    </a>
                                                                </li>
                                                            </ItemTemplate>
                                                        </asp:Repeater>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <script src="http://shopping.pnj.com.vn/skin/frontend/pnj/default/fancybox/helper/ready.js" type="text/javascript"></script>
                                        <script src="http://shopping.pnj.com.vn/skin/frontend/pnj/default/js/script.js" type="text/javascript"></script>
                                        <script src="http://shopping.pnj.com.vn/skin/frontend/pnj/default/fancybox/helper/fancybox.js" type="text/javascript"></script>
                                        <link media="screen" href="http://shopping.pnj.com.vn/skin/frontend/pnj/default/fancybox/fancybox.css" type="text/css"
                                              rel="stylesheet"/>
                                        <div class="image_nav clear" style="display:none;">
                                            <input class="button a-left topopup" type="button" id="bt_rotate" value="Xoay 360" onclick=""/>
                                            <input class="button a-left" type="button" id="bt_zoom" value="Zoom" name="click" onclick="//fnClick(this.id)"/>
                                                <div id="bt_video1" class="button a-left">
                                                    <span class="various_no">Video</span>
                                                </div>
                                        </div>
                                        <!---  The start Design 360   -->
                                            <script type="text/javascript">
                                                jQuery('.topopup').removeAttr('id');
                                                jQuery('.topopup').attr('id', 'bt_rotate_no');
                                            </script>
                                        <!--- The end 360  --->
                                        <script type="text/javascript">
                                            $i1 = 1;
                                            $i2 = 1;
                                            $i3 = 1;
                                            jQuery(document).ready(function ($) {
                                                jQuery('#mview_5').jcarousel({
                                                    scroll: 1,
                                                    visible: 5,
                                                    buttonNextEvent: 'click',
                                                    buttonPrevEvent: 'click'
                                                });
                                                jQuery('#bt_rotate').click(function () {
                                                    $('#bt_rotate').addClass('bt_rotate_active');
                                                    $('#bt_zoom').removeClass('bt_zoom_active');
                                                    $('#bt_video').removeClass('bt_video_active');
                                                    $('.various').removeClass('various_active');
                                                    $('.video_anchor').removeClass('video_anchor_active');
                                                    $('#bt_zoom').removeAttr('name');
                                                    $('.cloud-zoom, .cloud-zoom-gallery').CloudZoom();
                                                });
                                                jQuery('#bt_zoom').click(function () {
                                                    $('#bt_rotate').removeClass('bt_rotate_active');
                                                    $('#bt_zoom').addClass('bt_zoom_active');
                                                    $('#bt_zoom').attr('name', 'click');
                                                    $('#bt_video').removeClass('bt_video_active');
                                                    $('.various').removeClass('various_active');
                                                    $('.video_anchor').removeClass('video_anchor_active');
                                                    $('.cloud-zoom, .cloud-zoom-gallery').CloudZoom();

                                                });
                                                jQuery('#bt_video').click(function () {
                                                    $('#bt_rotate').removeClass('bt_rotate_active');
                                                    $('#bt_zoom').removeClass('bt_zoom_active');
                                                    $('#bt_video').addClass('bt_video_active');
                                                    $('.various').addClass('various_active');
                                                    $('.video_anchor').addClass('video_anchor_active');
                                                    $('#bt_zoom').removeAttr('name');
                                                    $('.cloud-zoom, .cloud-zoom-gallery').CloudZoom();
                                                });
                                            });

                                            function fnClick($id) {
                                                if ($id == 'bt_rotate') {
                                                    $c1 = 1;
                                                    if ($i1 % 2 == 0) {
                                                        fnDisEnable();
                                                        $i1++;
                                                    } else {
                                                        fnActive($c1, $id);
                                                        $i1++;
                                                    }
                                                }
                                                else if ($id == 'bt_zoom') {
                                                    $c2 = 2;
                                                    if ($i2 % 2 == 0) {
                                                        fnDisEnable();
                                                        $i2++;
                                                    } else {
                                                        fnActive($c2, $id);
                                                        $i2++;
                                                    }
                                                }
                                                else if ($id == 'bt_video') {
                                                    $c3 = 3;
                                                    if ($i3 % 2 == 0) {
                                                        fnDisEnable();
                                                        $i3++;
                                                    } else {
                                                        fnActive($c3, $id);
                                                        $i3++;
                                                    }
                                                }
                                                else {
                                                    $c2 = 2;
                                                    if ($i2 % 2 == 0) {
                                                        fnDisEnable();
                                                        $i2++;
                                                    } else {
                                                        fnActive($c2);
                                                        $i2++;
                                                    }
                                                }
                                            }
                                            function fnActive($c, $id) {
                                                $i = 1;
                                                for ($i; $i <= 3; $i++) {
                                                    if ($i == $c) {
                                                        jQuery('.fn-product-' + $i).removeClass('dis-enable-thumb');
                                                        jQuery('.fn-product-' + $i).addClass('active-thumb');
                                                    }
                                                    else {
                                                        jQuery('.fn-product-' + $i).addClass('dis-enable-thumb');
                                                        jQuery('.fn-product-' + $i).removeClass('active-thumb');
                                                    }
                                                }
                                            }
                                            function fnDisEnable() {
                                                jQuery('.fn-product-1').addClass('dis-enable-thumb');
                                                jQuery('.fn-product-1').removeClass('active-thumb');
                                                jQuery('.fn-product-2').removeClass('dis-enable-thumb');
                                                jQuery('.fn-product-2').addClass('active-thumb');
                                                jQuery('.fn-product-3').addClass('dis-enable-thumb');
                                                jQuery('.fn-product-3').removeClass('active-thumb');
                                            }

                                        </script>
                                                    </div>
                                                    <div class="product_info">
                                                        <h1 class="product-name"><asp:Label ID="lbTenSP" runat="server" Text=""></asp:Label></h1>

                                                        <div class="product_code"><span class="label">
                                        					Mã sản phẩm : <asp:Label ID="lbMaSP" runat="server" Text=""></asp:Label></span>
                                                        </div>
                                                                            <div class="product_desc margin-5px"><span class="label">
                                        						Mô tả ngắn : </span>
                                                                                <asp:Label ID="lbMoTa" runat="server" Text=""></asp:Label></div>
                                                                        <div class="product_price margin-5px">
                                                            <span class="label">Giá bán :</span>
                                                            <span class="price">
                                                                <div class="price-box">
                                                            <p class="old-price">
                                                        <span class="price-label">Giá trước:</span>
                                                        <span class="price" id="old-price-481"><asp:Label ID="lbGiaGoc" runat="server" Text=""></asp:Label></span>
                                                    </p>
                                        							<p class="special-price">
                                        					<span class="price-label">Special Price</span>
                                        					<span class="price" id="product-price-481"><asp:Label ID="lbGiaKM" runat="server" Text=""></asp:Label></span>
                                        				</p>
                                                </div>
                                            </span>
                                            <!-- <span class="currency_symbol">VND</span>-->
                                    </div>
                                    <div class="product_banner_adv  margin-5px"></div>
                                    <div class="product_size margin-5px clear">
                                        <a href="./HuongDanDoNi.aspx" target="_blank"><span>Hướng dẫn đo ni</span></a>
                                    </div>
                                    <div class="margin-5px">
                                        <div class="product_amount clear">
                                            <span class="label" >Số lượng đặt mua:</span>
                                            <asp:DropDownList ID="ddlSoLuong" runat="server" class="input-text qty input-qty">
                                                <asp:ListItem>1</asp:ListItem>
                                                <asp:ListItem>2</asp:ListItem>
                                                <asp:ListItem>3</asp:ListItem>
                                                <asp:ListItem>4</asp:ListItem>
                                                <asp:ListItem>5</asp:ListItem>
                                                <asp:ListItem>6</asp:ListItem>
                                                <asp:ListItem>7</asp:ListItem>
                                                <asp:ListItem>8</asp:ListItem>
                                                <asp:ListItem>9</asp:ListItem>
                                                <asp:ListItem>10</asp:ListItem>
                                            </asp:DropDownList>
                                        </div>
                                        <div class="add-to-cart">
                                            <input type="hidden" name="buynow" id="buynow" value="" />
                                            <asp:Button ID="btnOneClick" runat="server" title="Buy Now" class="button btn-cart" Style="width:134px; height:37px; background:url(http://shopping.pnj.com.vn/skin/frontend/pnj/default/images/bt-shopnow1.png) no-repeat; border:0 none;" OnClick="btnOneClick_Click"/>
                                            <asp:Button ID="btnMuaHang" runat="server" class="button btn-cart" style="width:134px; height:37px; background:url(http://shopping.pnj.com.vn/skin/frontend/pnj/default/images/bt-addtocart.png) no-repeat; border:0 none;" OnClick="btnMuaHang_Click" />
                                        </div>

                                    </div>
                                </div>
                                <div class="clearer"></div>
                            <!--</form>-->
                            <!--<script type="text/javascript">
                                //<![CDATA[
                                var productAddToCartForm = new VarienForm('product_addtocart_form');
                                productAddToCartForm.submit = function (button, url) {
                                    if (this.validator.validate()) {
                                        var form = this.form;
                                        var oldUrl = form.action;
                                        if (url) {
                                            form.action = url;
                                        }
                                        var e = null;
                                        try {
                                            this.form.submit();
                                        } catch (e) {
                                        }
                                        this.form.action = oldUrl;
                                        if (e) {
                                            throw e;
                                        }
                                        if (button && button != 'undefined') {
                                            button.disabled = true;
                                        }
                                    }
                                }.bind(productAddToCartForm);

                                productAddToCartForm.submitLight = function (button, url) {
                                    if (this.validator) {
                                        var nv = Validation.methods;
                                        delete Validation.methods['required-entry'];
                                        delete Validation.methods['validate-one-required'];
                                        delete Validation.methods['validate-one-required-by-name'];
                                        // Remove custom datetime validators
                                        for (var methodName in Validation.methods) {
                                            if (methodName.match(/^validate-datetime-.*/i)) {
                                                delete Validation.methods[methodName];
                                            }
                                        }
                                        if (this.validator.validate()) {
                                            if (url) {
                                                this.form.action = url;
                                            }
                                            this.form.submit();
                                        }
                                        Object.extend(Validation.methods, nv);
                                    }
                                }.bind(productAddToCartForm);
                                //]]>
                            </script>-->
                        </div>

                        <!--Cam kết-->
                        <div class="product_detail_commitment">
                            <div class="group-ul">
                                <div class="group_title_pnj">CAM KẾT MUA HÀNG</div>
                                    <span class="item-1" style="display: block;">Đổi trả h&agrave;ng</span> <span class="item-2" style="display: block;">Giao h&agrave;ng tận nơi miễn ph&iacute; </span> <span class="item-3" style="display: block;"> Thanh to&aacute;n an to&agrave;n tiện lợi</span></div>
                                    <div class="clear hotline-pnj"><span class="hotline-line a-left">Hotline: </span><span class="hotline a-left">0973 461481 </span></div><div class="product_share clear ">
                                    <!-- AddThis Smart Layers BEGIN -->
                                    <div class="label a-left">Chia sẻ :</div>
                                    <div></div>
                                    </div>
                                    <p><img src="http://shopping.pnj.com.vn/media/wysiwyg/BannerQuangCao/banner-promotion.png" alt="" /></p>    </div>
                        <!--Hết Cam kết-->
                        <div class="product-collateral">
                            <div class="tabs">
                                <ul class="nav nav-tabs">
                                    <li class="scroll-tad-no active scroll-tab1"><a data-toggle="tab" href="#maininfo">Chi tiết sản phẩm</a></li>
                                    <li class="scroll-tab scroll-tab2"><a class="line" data-toggle="tab" href="#comments">Nhận xét - đánh giá</a></li>
                                    <li class="scroll-tad-no scroll-tab3"><a data-toggle="tab" href="#send_to_friend">Gửi cho bạn bè</a></li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane active scroll-tad-no" id="maininfo">
                                        <h2></h2>
                                        <div class="std"><asp:Label ID="lbMoTa2" runat="server" Text=""></asp:Label> </br>    </div>
                                        <div class="information-desc">
                                        <div class="clear">
                                        <span class="label "></span>
                                        <span class="data"></span>
                                    </div>
                                </div>
                                <table class="information-desc">
                                    <col width="25%"/><col/>
                                    <tbody>
                                    <tr class="information-title">
                                        <td colspan="2">
                                            <span >Thông tin sản phẩm </span>
                                        </td>
                                    </tr>
                                    <tr class="information-name-title">
                                        <td colspan="2">
                                            <span class=""><asp:Label ID="lbTenSP2" runat="server" Text=""></asp:Label></span>
                                        </td>
                                    </tr>
                                    <tr class="product-code">
                                        <th class="">Chất liệu</th>
                                        <td class=""><asp:Label ID="lbChatLieu" runat="server" Text=""></asp:Label></td>
                                    </tr>
                                    <tr class="product-code">
                                        <th class="">Trọng lượng</th>
                                        <td class=""><asp:Label ID="lbTrongLuong" runat="server" Text=""></asp:Label></td>
                                    </tr>
                                    <tr class="product-code">
                                        <th class="">Loại đá</th>
                                        <td class=""><asp:Label ID="lbLoaiDa" runat="server" Text=""></asp:Label></td>
                                    </tr>
                                </table>
                                <script type="text/javascript">decorateTable('product-attribute-specs-table')</script>
                                <script type="text/javascript">decorateTable('product-attribute-specs-table')</script>
                            </div>
                            <div class="tab-pane" id="comments">
                                <div class="form-add">
                                    <form action="#" method="post" id="review-form">
                                        <fieldset>
                                            <span id="input-message-box"></span>
                                            <!------ ###########################  script star ###########################-->
                                            <script src='http://shopping.pnj.com.vn/skin/frontend/pnj/default/rating/jquery.MetaData.js' type="text/javascript"
                                                    language="javascript"></script>
                                            <script src='http://shopping.pnj.com.vn/skin/frontend/pnj/default/rating/jquery.rating.js' type="text/javascript"
                                                    language="javascript"></script>
                                            <link href='http://shopping.pnj.com.vn/skin/frontend/pnj/default/rating/jquery.rating.css' type="text/css"
                                                  rel="stylesheet"/>
                                            <!------ ###########################  script star ###########################-->
                                            
                                        </fieldset>
                                        
                                    </form>
                                    <script type="text/javascript">
                                        //<![CDATA[
                                        var dataForm = new VarienForm('review-form');
                                        Validation.addAllThese(
                                            [
                                                ['validate-rating', 'Lựa chọn một trong các đánh giá phía trên', function (v) {
                                                    var trs = $('product-review-table').select('tr');
                                                    var inputs;
                                                    var error = 1;

                                                    for (var j = 0; j < trs.length; j++) {
                                                        var tr = trs[j];
                                                        if (j > 0) {
                                                            inputs = tr.select('input');

                                                            for (i in inputs) {
                                                                if (inputs[i].checked == true) {
                                                                    error = 0;
                                                                }
                                                            }

                                                            if (error == 1) {
                                                                return false;
                                                            } else {
                                                                error = 1;
                                                            }
                                                        }
                                                    }
                                                    return true;
                                                }]
                                            ]
                                        );
                                        //]]>
                                    </script>
                                </div>
                                <style>
                                    .success-msg{display: none;}
                                </style>
                                <div class="box-collateral box-reviews" id="customer-reviews"></div>
                                <script type="text/javascript">
                                    jQuery(document).ready(function () {
                                        jQuery('.view_more a.view_more_click').click(function (e) {
                                            e.preventDefault();
                                            jQuery('.group_review_more').toggle();
                                            if (jQuery('.view_more_click').text() == 'Thu gọn') {
                                                jQuery('.view_more_click').text('Nhận xét cũ hơn');
                                            } else {
                                                jQuery('.view_more_click').text('Thu gọn');
                                            }
                                        });
                                    });
                                </script>
                            </div>
                            <div class="tab-pane scroll-tad-no" id="send_to_friend">
                                <span>Vui lòng đăng nhập để có thể gửi link cho bạn bè.....</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Sản phẩm cùng loại-->
                <div id="other_products">
                    <div class="block block-related">
                        <div class="block-title">
                            <div class="group_title-1">Sản phẩm cùng loại</span></strong></div>
                        </div>
                        <div class="block-content">
                        <!-- <p class="block-subtitle">&nbsp;<a href="#" onclick="selectAllRelated(this); return false;"></a></p>-->
                            <div class="items mini-products-list" id="block-related">
                                
                                <asp:Repeater ID="rpSanPhamCungLoai" runat="server">
                                    <ItemTemplate>
                                        <div class="item">
                                    <div class="product clear">
                                        <a class="thumb" href="./Product.aspx?id=<%#Eval("MaSP")%>" title="<%#Eval("TenSP")%>" class="product-image a-left">
                                            <img src="<%#Eval("HinhAnh")%>" width="110" height="110" alt="Nhẫn cưới" />
                                        </a>
                                        <div class="product-details a-left">
                                            <div class="title product-name"><a href="./Product.aspx?id=<%#Eval("MaSP")%>"><%#Eval("TenSP")%></a></div>        
                                            <div class="price-box">
                                                <p class="old-price">
                                                    <span class="price-label">Giá trước:</span>
                                                    <span class="price" id="old-price-463-related"><%#Eval("GiaKM", "{0:0,00} VNĐ")%></span>
                                                </p>
                                                <p class="special-price">
                                                    <span class="price-label">Special Price</span>
                                                    <span class="price" id="product-price-463-related">
                                                        <%#Eval("GiaGoc", "{0:0,00} VNĐ")%>           </span>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                    </ItemTemplate>
                                </asp:Repeater>
                            </div>
                            <script type="text/javascript">decorateList('block-related', 'none-recursive')</script>
                        </div>
                        <script type="text/javascript">
                            //<![CDATA[
                            $$('.related-checkbox').each(function (elem) {
                                Event.observe(elem, 'click', addRelatedToProduct)
                            });

                            var relatedProductsCheckFlag = false;
                            function selectAllRelated(txt) {
                                if (relatedProductsCheckFlag == false) {
                                    $$('.related-checkbox').each(function (elem) {
                                        elem.checked = true;
                                    });
                                    relatedProductsCheckFlag = true;
                                    txt.innerHTML = "Bỏ chọn tất cả";
                                } else {
                                    $$('.related-checkbox').each(function (elem) {
                                        elem.checked = false;
                                    });
                                    relatedProductsCheckFlag = false;
                                    txt.innerHTML = "Lựa chọn tất cả";
                                }
                                addRelatedToProduct();
                            }

                            function addRelatedToProduct() {
                                var checkboxes = $$('.related-checkbox');
                                var values = [];
                                for (var i = 0; i < checkboxes.length; i++) {
                                    if (checkboxes[i].checked) values.push(checkboxes[i].value);
                                }
                                if ($('related-products-field')) {
                                    $('related-products-field').value = values.join(',');
                                }
                            }
                            //]]>
                        </script>
                    </div>
                </div>
                <!--Hết Sản phẩm cùng loại-->
                <!--Sản phẩm đã xem-->
                <div id="recentary_products" class="product_grid">
                <!--<h2 class="subtitle"></h2>-->
                    <div class="subtitle group_title-1">Các sản phẩm vừa xem</div>
                    <div class="grid">
                        <asp:Repeater ID="rpSanPhamDaXem" runat="server">
                            <ItemTemplate>
                                <div class="item item-left item-new a-left">
                                    <div class="thumb"> <a href="./Product.aspx?id=<%#Eval("MaSP")%>" title="<%#Eval("TenSP")%>" class="product-image"><img src="<%#Eval("HinhAnh")%>" width="135" height="auto" alt="<%#Eval("TenSP")%>" /></a></div>
                                    <a href="./Product.aspx?id=<%#Eval("MaSP")%>" title="<%#Eval("TenSP")%>"><%#Eval("TenSP")%></a>
                                    <div class="price-box">
                                        <p class="old-price">
                                            <span class="price-label">Giá trước:</span>
                                            <span class="price" id="old-price-880-home-viewed">
                                               <%#Eval("GiaKM", "{0:0,00} VNĐ")%>                </span>
                                        </p>
                                        <p class="special-price">
                                            <span class="price-label">Special Price</span>
                                            <span class="price" id="product-price-880-home-viewed">
                                                <%#Eval("GiaGoc", "{0:0,00} VNĐ")%>                </span>
                                        </p>    
                                    </div>
                                </div>
                            </ItemTemplate>
                        </asp:Repeater>
                        </div>
                </div>
                <!--Hết sản phẩm đã xem-->
            </div>
            <script type="text/javascript">
                var lifetime = 3600;
                var expireAt = Mage.Cookies.expires;
                if (lifetime > 0) {
                    expireAt = new Date();
                    expireAt.setTime(expireAt.getTime() + lifetime * 1000);
                }
                Mage.Cookies.set('external_no_cache', 1, expireAt);
            </script>			
		</div>
		<script type="text/javascript">var subiz_account_id = "3971"; (function () { var sbz = document.createElement("script"); sbz.type = "text/javascript"; sbz.async = true; sbz.src = ("https:" == document.location.protocol ? "https://" : "http://") + "widget.subiz.com/static/js/loader.js?v=" + (new Date()).getFullYear() + ("0" + ((new Date()).getMonth() + 1)).slice(-2) + ("0" + (new Date()).getDate()).slice(-2); var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sbz, s); })();</script>

            </div><!--end main content-->
        </div><!--end container-->
        </div><!--end wrapper-->


        <div class="footer container_16">
            <div class="footer-links-items grid_4">
                <h3>Vì sao chọn PNJ</h3>
                <ul>
                        <li class="icon-1"><a href="#">Hướng dẫn mua hàng.</a></li>
                        <li class="icon-2"><a href="#">Hướng dẫn đo ni.</a></li>
                        <li class="icon-3"><a href="#">Phương thức thanh toán.</a></li>
                        <li class="icon-4"><a href="#">Phương thức vận chuyển.</a></li>
                        <li class="icon-2"><a href="#">Tư vấn sử dụng.</a></li>
                </ul>
            </div>
            <div class="footer-links-items grid_4">
                <h3>Chăm sóc khách hàng</h3>
                    <ul>
                        <li class="icon-2"><a href="#">Phương thức bảo hành.</a></li>
                        <li class="icon-6"><a href="#">Phương pháp bảo quản.</a></li>
                        <li class="icon-7"><a href="#">Phương thức thu đổi.</a></li>
                        <li class="icon-2"><a href="#">F.A.Q.</a></li>
                        <li class="icon-8"><a href="#">Chương trình Tích Lũy Điểm.</a></li>
                    </ul>
            </div>
            <div class="footer-links-items grid_4">
                    <h3>Về chúng tôi</h3>
                    <ul>
                        <li class="icon-9"><a href="#">Hệ thống cửa hàng.</a></li>
                        <li class="icon-10"><a href="#">Tin tức.</a></li>
                        <li class="icon-11"><a href="#">Tin khuyến mãi.</a></li>
                        <li class="icon-12"><a href="#">Liên hệ.</a></li>
                    </ul>
            </div>
            <div class="footer-links-items grid_4">
                    <h3>Đóng góp ý kiến </h3>
                    <ul>
                        <li class="icon-13"><a href="http://www.facebook.com/hoangvukenshin" target="new">Facebook</a></li>
                        <li class="icon-14"><a href="" target="new">Twiter</a></li>
                        <li class="icon-15"><a href="ymsgr:sendim?">Yahoo</a></li>
                    </ul>
            </div>
            <div class="footer-copyright grid_16">
                    <div class="clear"></div>
                    <p><a href="#">EC21</a> | <a href="#">CAO Fine Jewellery</a> | <a href="#">Phụ KiệnThời Trang JEMMA</a> | <a href="#">Vàng Miếng</a> | <a href="#">Kiểm Định Kim Cương</a> | <a href="#">Shopping Dymond Online</a></p>
                    <p>&copy; 2013 EC21 - All Rights Reserved</p>
            </div>
        </div>
    </div>
</div><!--end bg-->
        </form>
</body>
</html>
